<template>
  <div>
    <!-- 组件都用这个 成绩详情 -->
    <el-dialog
      title="成绩详情"
      :visible="open"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      width="1120px"
      append-to-body
      @close="cancel()"
    >
      <div class="all_content">
        <!-- 顶部数据 -->
        <div class="flexBet">
          <div class="all_top">
            <div class="flex all_top_line">
              <div class="all_top_item flex">
                学&nbsp;&nbsp;生:
                <tooltip
                  width="270"
                  class="overTxt all_top_item_span"
                  :text="`${gradesDetial.studentName}(${gradesDetial.studentNum})`"
                ></tooltip>
              </div>
              <div class="all_top_item flex">
                课&nbsp;&nbsp;&nbsp;程:
                <tooltip
                  width="270"
                  class="overTxt all_top_item_span"
                  :text="`${gradesDetial.courseName}`"
                ></tooltip>
              </div>
            </div>
            <div class="flex all_top_line mt15">
              <div class="all_top_item flex">
                行政班:
                <tooltip
                  width="270"
                  class="overTxt all_top_item_span"
                  :text="`${gradesDetial.className}(${gradesDetial.branchName}-${gradesDetial.majorName})`"
                ></tooltip>
              </div>
              <div class="all_top_item flex">
                班级平均成绩:
                <span class="all_top_item_span">{{
                  gradesDetial.avgScore
                }}</span>
              </div>
            </div>
            <div class="all_top_item flex"></div>
          </div>
          <div class="all_topScore">
            <div class="all_topScore_title flex">
              <div></div>
              学生成绩
            </div>
            <div class="all_topScore_score">
              {{ gradesDetial.totalScore ? gradesDetial.totalScore : 0 }}
            </div>
          </div>
        </div>

        <div class="scroll_box">
          <div class="daily_score">
            <div class="title">教师评价</div>
            <div class="teacherEvaluations flexBet">
              <div class="bottom_content_right" v-if="courseType == 3">
                <div class="turn_total">
                  <i
                    @click="turnLeft"
                    class="el-icon-d-arrow-left"
                    :class="{ prohibited: nowIndex <= 0 }"
                  ></i>
                  <div class="text">{{ nowStuEvaluateName }}</div>
                  <i
                    @click="turnRight"
                    class="el-icon-d-arrow-right"
                    :class="{
                      prohibited: stuEvaluateList.length - 1 <= nowIndex,
                    }"
                  ></i>
                </div>
                <div class="creditDetails" ref="creditDetailsRef"></div>
              </div>
              <div class="evaluateCopywriting" v-if="evaluate.levelReason">
                <div>
                  {{
                    evaluate.levelReason ? evaluate.levelReason : "暂无评价~"
                  }}
                </div>
              </div>
              <div v-else style="flex: 1">暂无评价~</div>
            </div>
          </div>
          <div class="daily_score" v-if="courseType != 3">
            <div class="title flexBet">得分项</div>
            <!-- 2.1.2非工学一体课程总评（通用课程） courseType==3为工学一体-->
            <el-table
              v-if="courseType != 3"
              :data="distributionList"
              v-loading="loading"
              border
            >
              <el-table-column
                align="center"
                prop="dailyScoreTotal"
                label="考勤"
              >
                <template #header>
                  <span>
                    考勤
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        初始100分，在授课过程中根据考情异常情况扣分（排课时自定义异常情况扣分分数）
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.attendanceScorePercentage
                        ? scope.row.attendanceScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="disciplineScorePercentage"
                label="纪律"
              >
                <template #header>
                  <span>
                    纪律
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        排课时自定义初始分，并在授课过程中进行分数加减（取0～100分计算得分）
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.disciplineScorePercentage
                        ? scope.row.disciplineScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="usualScorePercentage"
                label="课堂表现"
              >
                <template #header>
                  <span>
                    课堂表现
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        排课时自定义初始分，并在授课过程中进行分数加减（取0～100分计算得分）
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.usualScorePercentage
                        ? scope.row.usualScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="homeworkScorePercentage"
                label="课后作业"
              >
                <template #header>
                  <span>
                    课后作业
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        编辑课程时在内容中创建，学生学习该内容时完成，按照【课后作业权重明细】计算得分
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.homeworkScorePercentage
                        ? scope.row.homeworkScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="processScorePercentage"
                label="课后考核"
              >
                <template #header>
                  <span>
                    课后考核
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        编辑课程时在内容中创建，学生学习该内容时进行考核，按照【任务考核权重明细】计算得分
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.processScorePercentage
                        ? scope.row.processScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="otherScorePercentage"
                label="其他"
              >
                <template #header>
                  <span>
                    其他
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        排课时自定义初始分，并在授课过程中进行分数加减（取0～100分计算得分）
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.otherScorePercentage
                        ? scope.row.otherScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
            </el-table>
            <!-- 2.1.2工学一体课程总评 -->
            <el-table
              v-if="courseType == 3"
              :data="distributionList"
              v-loading="loading"
              border
            >
              <el-table-column label="过程性考核" align="center">
                <el-table-column
                  align="center"
                  prop="usualScorePercentage"
                  label="课堂表现"
                >
                  <template #header>
                    <span>
                      课堂表现
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="content"
                        placement="top"
                      >
                        <i style="cursor: pointer" class="el-icon-info"></i>
                        <div slot="content">
                          排课时自定义初始分，并在授课过程中进行分数加减（取0～100分计算得分）
                        </div>
                      </el-tooltip>
                    </span>
                  </template>
                  <template slot-scope="scope">
                    <div>
                      {{
                        scope.row.usualScorePercentage
                          ? scope.row.usualScorePercentage
                          : "0"
                      }}%
                    </div>
                  </template>
                </el-table-column>
                <el-table-column
                  align="center"
                  prop="homeworkScorePercentage"
                  label="课后作业"
                >
                  <template #header>
                    <span>
                      课后作业
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="content"
                        placement="top"
                      >
                        <i style="cursor: pointer" class="el-icon-info"></i>
                        <div slot="content">
                          在授课过程中进行打分（满分100，取平均分计算得分）
                        </div>
                      </el-tooltip>
                    </span>
                  </template>
                  <template slot-scope="scope">
                    <div>
                      {{
                        scope.row.homeworkScorePercentage
                          ? scope.row.homeworkScorePercentage
                          : "0"
                      }}%
                    </div>
                  </template>
                </el-table-column>
                <el-table-column
                  align="center"
                  prop="processScorePercentage"
                  label="任务考核"
                >
                  <template #header>
                    <span>
                      任务考核
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="content"
                        placement="top"
                      >
                        <i style="cursor: pointer" class="el-icon-info"></i>
                        <div slot="content">
                          编辑课程时在内容中创建，学生学习该内容时进行考核，按照【任务考核权重明细】计算得分
                        </div>
                      </el-tooltip>
                    </span>
                  </template>
                  <template slot-scope="scope">
                    <div>
                      {{
                        scope.row.processScorePercentage
                          ? scope.row.processScorePercentage
                          : "0"
                      }}%
                    </div>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column
                align="center"
                prop="examScorePercentage"
                label="终结性考核"
              >
                <template #header>
                  <span>
                    终结性考核
                    <el-tooltip
                      class="item"
                      effect="dark"
                      :content="content"
                      placement="top"
                    >
                      <i style="cursor: pointer" class="el-icon-info"></i>
                      <div slot="content">
                        编辑课程时在期末考核中创建，学生期末考核中进行考核，按照【终结性考核权重明细】计算得分
                      </div>
                    </el-tooltip>
                  </span>
                </template>
                <template slot-scope="scope">
                  <div>
                    {{
                      scope.row.examScorePercentage
                        ? scope.row.examScorePercentage
                        : "0"
                    }}%
                  </div>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <div class="title flexBet">
            得分明细
            <div
              v-if="courseType == 3"
              class="flex"
              style="
                line-height: 24px;
                margin-right: 10px;
                font-family: PingFangSC, PingFang SC, sans-serif;
                font-weight: 600;
                font-size: 14px;
                color: #333333;
              "
            >
              无考核步骤:
              <el-switch
                style="margin: 2px 0 0 5px"
                @change="gradesInfo"
                v-model="examFlag"
              >
              </el-switch>
            </div>
          </div>
          <!-- 得分明细 -->
          <div v-if="courseType == 3" class="daily_score_detail">
            <div class="table_box table_box_sum">
              <!-- <div class="table_box_sum_line"></div> -->
              <!-- 过程性考核 -->
              <div class="flex_center daily_score_detail_table">
                <div class="text w60">
                  <div>过程性考核</div>
                  <div>
                    ({{
                      gradesDetial.usualScorePercentage +
                      gradesDetial.homeworkScorePercentage +
                      gradesDetial.processScorePercentage
                    }}%)
                  </div>
                </div>
                <div class="table_box">
                  <!-- 课堂表现 -->
                  <div
                    class="table_box_table flex_center"
                    style="border-left: 1px solid #dfe6ec"
                  >
                    <div class="text w60">
                      <div>课堂表现</div>
                      <div>({{ gradesDetial.usualScorePercentage }}%)</div>
                    </div>
                    <div class="table_box">
                      <el-table
                        :data="gradesDetial.usualScoreList"
                        v-loading="loading"
                        border
                        style="width: 100%"
                      >
                        <el-table-column
                          align="center"
                          prop="score"
                          label="分数变动"
                        >
                          <template slot-scope="scope">
                            {{
                              scope.row.score > 0
                                ? "+" + scope.row.score
                                : scope.row.score
                            }}
                          </template></el-table-column
                        >
                        <el-table-column
                          align="center"
                          prop="teacherName"
                          label="打分教师"
                        ></el-table-column>
                        <el-table-column align="center" label="打分时间">
                          <template slot-scope="scope">
                            <div>{{ parseTime(scope.row.operateTime) }}</div>
                          </template>
                        </el-table-column>
                        <el-table-column
                          align="center"
                          prop="remark"
                          label="打分备注"
                        >
                          <template slot-scope="scope">
                            {{ scope.row.remark ? scope.row.remark : "--" }}
                          </template>
                        </el-table-column>
                      </el-table>
                      <div class="total">
                        初始分:{{
                          gradesDetial.initialUsualScore
                            ? gradesDetial.initialUsualScore
                            : "0"
                        }}分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总得分:{{
                          gradesDetial.totalUsualScore
                            ? gradesDetial.totalUsualScore
                            : "0"
                        }}分
                      </div>
                    </div>
                  </div>
                  <!-- 课后作业 -->
                  <div
                    class="table_box_table flex_center"
                    style="border-left: 1px solid #dfe6ec"
                  >
                    <div class="text w60">
                      <div>课后作业</div>
                      <div>({{ gradesDetial.homeworkScorePercentage }}%)</div>
                    </div>
                    <div class="table_box">
                      <el-table
                        :data="gradesDetial.homeworkScoreList"
                        v-loading="loading"
                        border
                        style="width: 100%"
                      >
                        <el-table-column
                          align="center"
                          prop="ancestorsName"
                          label="作业位置"
                        >
                          <template slot-scope="scope">
                            <el-tooltip
                              effect="dark"
                              :content="scope.row.ancestorsName"
                              placement="top"
                              :open-delay="300"
                            >
                              <span style="cursor: pointer">{{
                                filterTxt(scope.row.ancestorsName)
                              }}</span>
                            </el-tooltip>
                          </template></el-table-column
                        >
                        <el-table-column
                          align="center"
                          prop="indexName"
                          label="考核内容"
                          width="200"
                        ></el-table-column>
                        <el-table-column
                          align="center"
                          width="200"
                          label="权重(%)"
                        >
                          <template slot-scope="scope">
                            <div>
                              {{
                                scope.row.homeworkScorePercentage > -1 &&
                                scope.row.homeworkId
                                  ? scope.row.homeworkScorePercentage + "%"
                                  : "-"
                              }}
                            </div>
                          </template>
                        </el-table-column>
                        <el-table-column width="200" align="center">
                          <template #header>
                            <div
                              style="
                                display: flex;
                                align-items: center;
                                justify-content: center;
                              "
                            >
                              分数
                              <el-tooltip
                                class="item"
                                effect="dark"
                                placement="top"
                              >
                                <i
                                  class="el-icon-question shou"
                                  style="
                                    font-size: 16px;
                                    vertical-align: middle;
                                    margin-left: 5px;
                                  "
                                ></i>
                                <div slot="content">
                                  <div>"99"：该步骤作业的成绩</div>
                                  <div>" "：该步骤没有作业内容</div>
                                  <div>"--"：学生暂未参与该步骤作业</div>
                                </div>
                              </el-tooltip>
                            </div>
                          </template>
                          <template slot-scope="scope">
                            <div class="flexCen">
                              <div style="width: 40px; margin-right: 5px">
                                {{ scope.row.homeworkScore }}
                              </div>

                              <img
                                v-if="scope.row.homeworkPaperId"
                                @click="
                                  routeTo(scope.row.homeworkPaperId, 'homework')
                                "
                                class="exam_paper_png shou"
                                src="@/assets/images/courseAdd/homeworkDetail.png"
                                alt="加载失败"
                              />
                              <img
                                v-if="
                                  scope.row.homeworkScore &&
                                  scope.row.homeworkScore != '-' &&
                                  !scope.row.homeworkPaperId
                                "
                                @click="
                                  routeTo(scope.row.homeworkPaperId, 'homework')
                                "
                                class="exam_paper_png shou"
                                src="@/assets/images/courseAdd/homeworkDetail.png"
                                alt="加载失败"
                              />
                            </div>
                          </template>
                        </el-table-column>
                      </el-table>
                      <div class="total">
                        总得分:{{
                          gradesDetial.totalHomeworkScore
                            ? gradesDetial.totalHomeworkScore
                            : 0
                        }}分
                      </div>
                    </div>
                  </div>
                  <!-- 任务考核 -->
                  <div
                    class="table_box_table flex_center"
                    style="border-left: 1px solid #dfe6ec"
                  >
                    <div class="text w60">
                      <div>任务考核</div>
                      <div>({{ gradesDetial.processScorePercentage }}%)</div>
                    </div>
                    <div class="table_box">
                      <el-table
                        :data="gradesDetial.progressScoreList"
                        v-loading="loading"
                        border
                        style="width: 100%"
                      >
                        <el-table-column
                          align="center"
                          prop="ancestorsName"
                          label="考核位置"
                          ><template slot-scope="scope">
                            <el-tooltip
                              effect="dark"
                              :content="scope.row.ancestorsName"
                              placement="top"
                              :open-delay="300"
                            >
                              <span style="cursor: pointer">
                                {{ filterTxt(scope.row.ancestorsName) }}</span
                              >
                            </el-tooltip>
                          </template></el-table-column
                        >
                        <el-table-column
                          align="center"
                          prop="indexName"
                          width="200"
                          label="考核内容"
                        ></el-table-column>
                        <el-table-column
                          align="center"
                          width="200"
                          label="权重(%)"
                        >
                          <template slot-scope="scope">
                            <div>
                              {{
                                scope.row.processScorePercentage > -1 &&
                                scope.row.examId
                                  ? scope.row.processScorePercentage + "%"
                                  : "-"
                              }}
                            </div>
                          </template>
                        </el-table-column>
                        <el-table-column width="200" align="center">
                          <template #header>
                            <div
                              style="
                                display: flex;
                                align-items: center;
                                justify-content: center;
                              "
                            >
                              分数
                              <el-tooltip
                                class="item"
                                effect="dark"
                                placement="top"
                              >
                                <i
                                  class="el-icon-question shou"
                                  style="
                                    font-size: 16px;
                                    vertical-align: middle;
                                    margin-left: 5px;
                                  "
                                ></i>
                                <div slot="content">
                                  <div>"99"：该步骤考核的成绩</div>
                                  <div>" "：该步骤没有考核内容</div>
                                  <div>"--"：学生暂未参与该步骤考核</div>
                                </div>
                              </el-tooltip>
                            </div>
                          </template>
                          <template slot-scope="scope">
                            <div class="flexCen">
                              <div style="width: 40px; margin-right: 5px">
                                {{ scope.row.score }}
                              </div>

                              <img
                                v-if="
                                  scope.row.examPaperId &&
                                  (scope.row.examStatus == 1 ||
                                    scope.row.examStatus == -1)
                                "
                                @click="routeTo(scope.row.examPaperId, 'exam')"
                                class="exam_paper_png shou"
                                src="@/assets/images/courseAdd/examDetail.png"
                                alt="加载失败"
                              />
                              <img
                                v-if="
                                  scope.row.score &&
                                  scope.row.score != '-' &&
                                  !scope.row.examPaperId
                                "
                                @click="routeTo(scope.row.examPaperId, 'exam')"
                                class="exam_paper_png shou"
                                src="@/assets/images/courseAdd/examDetail.png"
                                alt="加载失败"
                              />
                            </div>
                          </template>
                        </el-table-column>
                      </el-table>
                      <div class="total">
                        总得分:{{
                          gradesDetial.totalProcessScore
                            ? gradesDetial.totalProcessScore
                            : 0
                        }}分
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 终结性考核 -->
              <div class="flex_center" style="border-top: 1px solid #dfe6ec">
                <div class="text w120">
                  <div>终结性考核</div>
                  <div>({{ gradesDetial.examScorePercentage }}%)</div>
                </div>
                <div class="table_box">
                  <el-table
                    :data="gradesDetial.examScoreList"
                    v-loading="loading"
                    border
                    style="width: 100%"
                  >
                    <el-table-column
                      align="center"
                      prop="ancestorsName"
                      label="考核位置"
                      ><template slot-scope="scope">
                        <el-tooltip
                          effect="dark"
                          :content="scope.row.ancestorsName"
                          placement="top"
                          :open-delay="300"
                        >
                          <span style="cursor: pointer">{{
                            filterTxt(scope.row.ancestorsName)
                          }}</span>
                        </el-tooltip>
                      </template></el-table-column
                    >
                    <el-table-column
                      align="center"
                      prop="indexName"
                      label="考核内容"
                      width="200"
                    ></el-table-column>
                    <el-table-column align="center" width="200" label="权重(%)">
                      <template slot-scope="scope">
                        <div>
                          {{
                            scope.row.scorePercentage > -1 && scope.row.examId
                              ? scope.row.scorePercentage + "%"
                              : "-"
                          }}
                        </div>
                      </template>
                    </el-table-column>
                    <el-table-column width="200" align="center">
                      <template #header>
                        <div
                          style="
                            display: flex;
                            align-items: center;
                            justify-content: center;
                          "
                        >
                          分数
                          <el-tooltip
                            class="item"
                            effect="dark"
                            placement="top"
                          >
                            <i
                              class="el-icon-question shou"
                              style="
                                font-size: 16px;
                                vertical-align: middle;
                                margin-left: 5px;
                              "
                            ></i>
                            <div slot="content">
                              <div>"99"：该步骤考核的成绩</div>
                              <div>" "：该步骤没有考核内容</div>
                              <div>"--"：学生暂未参与该步骤考核</div>
                            </div>
                          </el-tooltip>
                        </div>
                      </template>
                      <template slot-scope="scope">
                        <div class="flexCen">
                          <div style="width: 40px; margin-right: 5px">
                            {{ scope.row.score }}
                          </div>

                          <img
                            v-if="
                              scope.row.examPaperId &&
                              (scope.row.examStatus == 1 ||
                                scope.row.examStatus == -1)
                            "
                            @click="routeTo(scope.row.examPaperId, 'exam')"
                            class="exam_paper_png shou"
                            src="@/assets/images/courseAdd/examDetail.png"
                            alt="加载失败"
                          />
                          <img
                            v-if="
                              scope.row.score &&
                              scope.row.score != '-' &&
                              !scope.row.examPaperId
                            "
                            @click="routeTo(scope.row.examPaperId, 'exam')"
                            class="exam_paper_png shou"
                            src="@/assets/images/courseAdd/examDetail.png"
                            alt="加载失败"
                          />
                        </div>
                      </template>
                    </el-table-column>
                  </el-table>
                  <div class="total">
                    总得分:{{
                      gradesDetial.totalExamScore
                        ? gradesDetial.totalExamScore
                        : 0
                    }}分
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 得分明细 -->
          <div v-if="courseType != 3" class="daily_score_detail">
            <div class="flex_center daily_score_detail_table">
              <div class="table_box table_box_sum">
                <div class="table_box_sum_line"></div>
                <!-- 考勤 -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>考勤</div>

                    <div>
                      ({{
                        gradesDetial.attendanceScorePercentage
                          ? gradesDetial.attendanceScorePercentage
                          : "0"
                      }}%)
                    </div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.attendanceStudentList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="score"
                        label="分数变动"
                      >
                        <template slot-scope="scope">
                          {{
                            scope.row.score > 0
                              ? "+" + scope.row.score
                              : scope.row.score
                          }}
                        </template>
                      </el-table-column>
                      <el-table-column
                        align="center"
                        prop="status"
                        label="扣分事项"
                      >
                        <template slot-scope="scope">
                          <span v-if="scope.row.status == 0">正常</span>
                          <span v-if="scope.row.status == 1">请假</span>
                          <span v-if="scope.row.status == 2">早退</span>

                          <span v-if="scope.row.status == 3">迟到</span>
                          <span v-if="scope.row.status == 4">迟到&早退</span>
                          <span v-if="scope.row.status == 5">旷课</span>
                        </template>
                      </el-table-column>
                      <el-table-column align="center" label="打分时间">
                        <template slot-scope="scope">
                          <div>{{ parseTime(scope.row.createTime) }}</div>
                        </template>
                      </el-table-column>
                      <el-table-column
                        align="center"
                        prop="remark"
                        label="打分备注"
                      >
                        <template slot-scope="scope">
                          {{ scope.row.remark ? scope.row.remark : "--" }}
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      总得分:{{
                        gradesDetial.totalAttendanceScore
                          ? gradesDetial.totalAttendanceScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
                <!--纪律  -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>纪律</div>
                    <div>
                      ({{
                        gradesDetial.disciplineScorePercentage
                          ? gradesDetial.disciplineScorePercentage
                          : "0"
                      }}%)
                    </div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.disciplineScoreList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="score"
                        label="分数变动"
                      >
                        <template slot-scope="scope">
                          {{
                            scope.row.score > 0
                              ? "+" + scope.row.score
                              : scope.row.score
                          }}
                        </template></el-table-column
                      >
                      <el-table-column
                        align="center"
                        prop="teacherName"
                        label="打分教师"
                      ></el-table-column>
                      <el-table-column align="center" label="打分时间">
                        <template slot-scope="scope">
                          <div>{{ parseTime(scope.row.operateTime) }}</div>
                        </template>
                      </el-table-column>
                      <el-table-column
                        align="center"
                        prop="remark"
                        label="打分备注"
                      >
                        <template slot-scope="scope">
                          {{ scope.row.remark ? scope.row.remark : "--" }}
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      初始分:{{
                        gradesDetial.initialDisciplineScore
                          ? gradesDetial.initialDisciplineScore
                          : 0
                      }}分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总得分:{{
                        gradesDetial.totalDisciplineScore
                          ? gradesDetial.totalDisciplineScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
                <!-- 课堂表现 -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>课堂表现</div>
                    <div>({{ gradesDetial.usualScorePercentage }}%)</div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.usualScoreList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="score"
                        label="分数变动"
                      >
                        <template slot-scope="scope">
                          {{
                            scope.row.score > 0
                              ? "+" + scope.row.score
                              : scope.row.score
                          }}
                        </template></el-table-column
                      >
                      <el-table-column
                        align="center"
                        prop="teacherName"
                        label="打分教师"
                      ></el-table-column>
                      <el-table-column align="center" label="打分时间">
                        <template slot-scope="scope">
                          <div>{{ parseTime(scope.row.operateTime) }}</div>
                        </template>
                      </el-table-column>
                      <el-table-column
                        align="center"
                        prop="remark"
                        label="打分备注"
                      >
                        <template slot-scope="scope">
                          {{ scope.row.remark ? scope.row.remark : "--" }}
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      初始分:{{
                        gradesDetial.initialUsualScore
                          ? gradesDetial.initialUsualScore
                          : 0
                      }}分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总得分:{{
                        gradesDetial.totalUsualScore
                          ? gradesDetial.totalUsualScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
                <!-- 课后作业 -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>课后作业</div>
                    <div>({{ gradesDetial.homeworkScorePercentage }}%)</div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.homeworkScoreList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="ancestorsName"
                        label="作业位置"
                        ><template slot-scope="scope">
                          <el-tooltip
                            effect="dark"
                            :content="scope.row.ancestorsName"
                            placement="top"
                            :open-delay="300"
                          >
                            <span style="cursor: pointer">{{
                              filterTxt(scope.row.ancestorsName)
                            }}</span>
                          </el-tooltip>
                        </template></el-table-column
                      >
                      <el-table-column
                        width="200"
                        align="center"
                        prop="indexName"
                        label="考核内容"
                      ></el-table-column>
                      <el-table-column
                        align="center"
                        label="权重(%)"
                        width="200"
                      >
                        <template slot-scope="scope">
                          <div>
                            {{
                              scope.row.homeworkScorePercentage > -1 &&
                              scope.row.homeworkId
                                ? scope.row.homeworkScorePercentage + "%"
                                : "-"
                            }}
                          </div>
                        </template>
                      </el-table-column>
                      <el-table-column align="center" width="200">
                        <template #header>
                          <div
                            style="
                              display: flex;
                              align-items: center;
                              justify-content: center;
                            "
                          >
                            分数
                            <el-tooltip
                              class="item"
                              effect="dark"
                              placement="top"
                            >
                              <i
                                class="el-icon-question shou"
                                style="
                                  font-size: 16px;
                                  vertical-align: middle;
                                  margin-left: 5px;
                                "
                              ></i>
                              <div slot="content">
                                <div>"99"：该步骤作业的成绩</div>
                                <div>" "：该步骤没有作业内容</div>
                                <div>"--"：学生暂未参与该步骤作业</div>
                              </div>
                            </el-tooltip>
                          </div>
                        </template>
                        <template slot-scope="scope">
                          <div class="flexCen">
                            <div style="width: 40px; margin-right: 5px">
                              {{ scope.row.homeworkScore }}
                            </div>

                            <img
                              v-if="scope.row.homeworkPaperId"
                              @click="
                                routeTo(scope.row.homeworkPaperId, 'homework')
                              "
                              class="exam_paper_png shou"
                              src="@/assets/images/courseAdd/homeworkDetail.png"
                              alt="加载失败"
                            />
                            <img
                              v-if="
                                scope.row.homeworkScore &&
                                scope.row.homeworkScore != '-' &&
                                !scope.row.homeworkPaperId
                              "
                              @click="
                                routeTo(scope.row.homeworkPaperId, 'homework')
                              "
                              class="exam_paper_png shou"
                              src="@/assets/images/courseAdd/homeworkDetail.png"
                              alt="加载失败"
                            />
                          </div>
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      总得分:{{
                        gradesDetial.totalHomeworkScore
                          ? gradesDetial.totalHomeworkScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
                <!-- 课后考核 -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>课后考核</div>
                    <div>({{ gradesDetial.processScorePercentage }}%)</div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.progressScoreList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="ancestorsName"
                        label="考核位置"
                        ><template slot-scope="scope">
                          <el-tooltip
                            effect="dark"
                            :content="scope.row.ancestorsName"
                            placement="top"
                            :open-delay="300"
                          >
                            <span style="cursor: pointer">{{
                              filterTxt(scope.row.ancestorsName)
                            }}</span>
                          </el-tooltip>
                        </template></el-table-column
                      >
                      <el-table-column
                        align="center"
                        prop="indexName"
                        label="考核内容"
                        width="200"
                      ></el-table-column>
                      <el-table-column
                        align="center"
                        width="200"
                        label="权重(%)"
                      >
                        <template slot-scope="scope">
                          <div>
                            {{
                              scope.row.processScorePercentage > -1 &&
                              scope.row.examId
                                ? scope.row.processScorePercentage + "%"
                                : "-"
                            }}
                          </div>
                        </template>
                      </el-table-column>
                      <el-table-column width="200" align="center">
                        <template #header>
                          <div
                            style="
                              display: flex;
                              align-items: center;
                              justify-content: center;
                            "
                          >
                            分数
                            <el-tooltip
                              class="item"
                              effect="dark"
                              placement="top"
                            >
                              <i
                                class="el-icon-question shou"
                                style="
                                  font-size: 16px;
                                  vertical-align: middle;
                                  margin-left: 5px;
                                "
                              ></i>
                              <div slot="content">
                                <div>"99"：该步骤考核的成绩</div>
                                <div>" "：该步骤没有考核内容</div>
                                <div>"--"：学生暂未参与该步骤考核</div>
                              </div>
                            </el-tooltip>
                          </div>
                        </template>
                        <template slot-scope="scope">
                          <div class="flexCen">
                            <div style="width: 40px; margin-right: 5px">
                              {{ scope.row.score }}
                            </div>

                            <img
                              v-if="
                                scope.row.examPaperId &&
                                (scope.row.examStatus == 1 ||
                                  scope.row.examStatus == -1)
                              "
                              @click="routeTo(scope.row.examPaperId, 'exam')"
                              class="exam_paper_png shou"
                              src="@/assets/images/courseAdd/examDetail.png"
                              alt="加载失败"
                            />
                            <img
                              v-if="
                                scope.row.score &&
                                scope.row.score != '-' &&
                                !scope.row.examPaperId
                              "
                              @click="routeTo(scope.row.examPaperId, 'exam')"
                              class="exam_paper_png shou"
                              src="@/assets/images/courseAdd/examDetail.png"
                              alt="加载失败"
                            />
                          </div>
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      总得分:{{
                        gradesDetial.totalProcessScore
                          ? gradesDetial.totalProcessScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
                <!-- 其他 -->
                <div class="table_box_table flex_center">
                  <div class="text w60">
                    <div>其他</div>
                    <div>
                      ({{
                        gradesDetial.otherScorePercentage
                          ? gradesDetial.otherScorePercentage
                          : "0"
                      }}%)
                    </div>
                  </div>
                  <div class="table_box">
                    <el-table
                      :data="gradesDetial.otherScoreList"
                      v-loading="loading"
                      border
                      style="width: 100%"
                    >
                      <el-table-column
                        align="center"
                        prop="score"
                        label="分数变动"
                      >
                        <template slot-scope="scope">
                          {{
                            scope.row.score > 0
                              ? "+" + scope.row.score
                              : scope.row.score
                          }}
                        </template></el-table-column
                      >
                      <el-table-column
                        align="center"
                        prop="teacherName"
                        label="打分教师"
                      ></el-table-column>
                      <el-table-column align="center" label="打分时间">
                        <template slot-scope="scope">
                          <div>{{ parseTime(scope.row.operateTime) }}</div>
                        </template>
                      </el-table-column>
                      <el-table-column
                        align="center"
                        prop="remark"
                        label="打分备注"
                      >
                        <template slot-scope="scope">
                          {{ scope.row.remark ? scope.row.remark : "--" }}
                        </template>
                      </el-table-column>
                    </el-table>
                    <div class="total">
                      初始分:{{
                        gradesDetial.initialOtherScore
                          ? gradesDetial.initialOtherScore
                          : 0
                      }}分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总得分:{{
                        gradesDetial.totalOtherScore
                          ? gradesDetial.totalOtherScore
                          : 0
                      }}分
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer_btns" v-if="studentList.length > 1">
        <el-button
          type="primary"
          v-preventReClick
          @click="getLastOne"
          v-if="showLast"
          >上一份</el-button
        >
        <el-button
          type="primary"
          v-preventReClick
          @click="getNextOne"
          v-if="showNext"
          >下一份</el-button
        >
      </div>
      <div class="footer_btns" v-else>
        <el-button type="primary" v-preventReClick @click="cancel"
          >关闭</el-button
        >
      </div>
    </el-dialog>
    <examDetailDrawer
      :examType="examDetail_examType"
      :show.sync="examDetail_show"
      :studentId="paramsStudentId"
      :id="examDetail_id"
      :mark="'examDetail_mark'"
    ></examDetailDrawer>
  </div>
</template>
<script>
import examDetailDrawer from "@/components/examDetailDrawer";
import { evaluateInfo } from "@/api/studyResult/studyResult";
import * as echarts from "echarts";
import { getRadarData } from "@/api/mine/mine";
import { gradesInfo } from "@/api/statistics/statistics";
export default {
  props: {
    open: Boolean,
    propCourseStuId: [Number, String],
    studentId: [Number, String],
    courseType: [Number, String],
    propList: {
      type: Array,
      required: false,
    },
  },
  components: {
    examDetailDrawer,
  },
  data() {
    return {
      examFlag: false,
      content: "",
      paramsStudentId: "",
      evaluate: "",
      stuIndex: 0,
      loading: false,
      showLast: true,
      showNext: true,
      studentList: [],
      distributionList: [{}],
      gradesDetial: {},
      processExamScore: [{ edit: false }],
      finishExamScore: [],
      dailyScoreList: [],
      homeworkScoreList: [],

      classFinishTaskCountData: [],
      studentFinishTaskCountData: [],
      stuEvaluateList: [],
      nowStuEvaluateName: "",
      nowStuEvaluateId: "",
      dateList: [],
      classAllCredit: 0,
      stuAllCredit: 0,
      nowIndex: 0,
      studyData: {},
      courseData: [],
      indicator: [],
      dataValue: [],
      dataValue2: [],
      model: {
        semesterId: "",
        type: "",
      },

      examDetail_show: false,
      examDetail_examType: "",
      examDetail_id: "",
    };
  },
  watch: {
    open(e) {
      if (e) {
        this.courseStuId = this.propCourseStuId;
        this.paramsStudentId = this.studentId;
        console.log("open", this.courseStuId);
        this.gradesInfo();
        this.getList();
        this.getEvaluateInfo();
      }
    },
    stuIndex: {
      handler(val) {
        if (val == 0) {
          this.showLast = false;
        } else {
          this.showLast = true;
        }
        if (val == this.studentList.length - 1) {
          this.showNext = false;
        } else {
          this.showNext = true;
        }
      },
      immediate: true,
    },
  },
  created() {},
  mounted() {},
  methods: {
    filterTxt(input) {
      const fields = input.split("/");
      let txt = "";
      if (fields.length > 3) {
        const secondField = fields[1]; // 第二个字段
        const lastField =
          fields[fields.length - 1].length > 10
            ? fields[fields.length - 1].substring(0, 10) + "..."
            : fields[fields.length - 1];

        // 如果第二个字段的长度大于10，则截短并在末尾添加省略号
        if (secondField.length > 10) {
          fields[1] = secondField.substring(0, 10) + "...";
          txt = `${fields[0]}/${fields[1]}/${lastField}`;
        } else {
          txt = `${fields[0]}/${fields[1]}/.../${lastField}`;
        }
      } else {
        txt =
          fields.length > 2
            ? `${fields[0]}/${fields[1]}/${fields[2]}`
            : `${fields[0]}/${fields[1]}`;
      }

      return txt;
    },
    routeTo(id, examType) {
      if (!id) {
        this.$modal.msgWarning(
          `该${examType == "exam" ? "考核" : "作业"}无试卷，分数为教师手动赋分`
        );
        return;
      }
      this.examDetail_show = true;
      this.examDetail_examType = examType;
      this.examDetail_id = id;
    },
    cancel() {
      this.$emit("update:open", false);
    },
    // 获取教师评价
    async getEvaluateInfo() {
      let res = await evaluateInfo(this.courseStuId);
      const { code, data } = res;
      if (code == 200) {
        this.evaluate = data;
        this.stuEvaluateList = data.evaluateParamStuList.filter((item) => {
          return item.paramStuList.length > 0;
        });
        this.nowStuEvaluateName = data.evaluateParamStuList[0].name;
        this.nowStuEvaluateId = data.evaluateParamStuList[0].id;
        this.nowIndex = 0;
        if (this.courseType == 3) {
          this.getRadarData(this.nowStuEvaluateId);
        }
      }
    },
    turnLeft() {
      if (this.nowIndex <= 0) {
        return;
      }
      this.nowIndex--;
      this.nowStuEvaluateName = this.stuEvaluateList[this.nowIndex].name;
      this.nowStuEvaluateId = this.stuEvaluateList[this.nowIndex].id;
      this.getRadarData(this.nowStuEvaluateId);
    },
    turnRight() {
      if (this.nowIndex >= this.stuEvaluateList.length - 1) {
        return;
      }
      this.nowIndex++;
      this.nowStuEvaluateName = this.stuEvaluateList[this.nowIndex].name;
      this.nowStuEvaluateId = this.stuEvaluateList[this.nowIndex].id;
      this.getRadarData(this.nowStuEvaluateId);
    },
    async getRadarData(id) {
      let res = await getRadarData(id, {
        courseStuId: this.courseStuId,
        studentId: this.paramsStudentId,
      });
      const { code, data } = res;
      if (code == 200) {
        if (data && data.length > 0) {
          let arr = [];
          let dataValue = [];
          let dataValue2 = [];
          data.forEach((value) => {
            let obj = {
              text: value.name,
              max: 110,
            };
            dataValue.push(value.studentScore);
            dataValue2.push(value.classScore);
            arr.push(obj);
          });
          this.indicator = arr;
          this.dataValue = dataValue;
          this.dataValue2 = dataValue2;
        }
      }
      this.setCreditOption();
    },
    setCreditOption() {
      let myChart = echarts.init(this.$refs.creditDetailsRef);
      let max =
        this.stuAllCredit > this.classAllCredit
          ? this.stuAllCredit + 10
          : this.classAllCredit + 10;
      let option;
      option = {
        color: ["#2754F3", "#28B28B"],
        tooltip: {
          trigger: "axis",
        },
        legend: {
          data: ["班级平均", "我的"],
          top: 0,
          orient: "vertical", // 设置为垂直方向
          right: -10, // 图例距离右侧边缘的距离
          left: "right",
        },
        radar: [
          {
            indicator: this.indicator,
            center: ["50%", "50%"],
            radius: 100,
          },
        ],
        series: [
          {
            type: "radar",
            symbolSize: 0,
            tooltip: {
              trigger: "item",
            },
            data: [
              {
                value: this.dataValue2,
                name: "班级平均",
                lineStyle: {
                  width: 1,
                },
                // areaStyle: {
                //   color: "rgba(39, 84, 243, 0.2)",
                // },
              },
              {
                value: this.dataValue,
                name: "我的",
                lineStyle: {
                  width: 1,
                },
                // areaStyle: {
                //   color: "rgba(39, 84, 243, 0.2)",
                // },
              },
            ],
            label: {
              show: true,
              formatter: function (params) {
                return params.value;
              },
              color: "#2754F3",
            },
          },
        ],
      };
      option && myChart.setOption(option);
    },
    getLastOne() {
      console.log(this.studentList);
      this.stuIndex--;
      this.courseStuId = this.studentList[this.stuIndex].ccCourseStuId;
      this.paramsStudentId = this.studentList[this.stuIndex].studentId;
      this.getEvaluateInfo();
      this.gradesInfo();
    },
    getNextOne() {
      console.log(this.studentList, this.stuIndex);
      this.stuIndex++;
      this.courseStuId = this.studentList[this.stuIndex].ccCourseStuId;
      this.paramsStudentId = this.studentList[this.stuIndex].studentId;
      this.getEvaluateInfo();
      this.gradesInfo();
    },
    //获取学生列表
    async getList() {
      if (this.propList && this.propList.length > 0) {
        this.studentList = JSON.parse(JSON.stringify(this.propList));
        this.studentList.map((item, index) => {
          if (item.courseStuId) {
            item.ccCourseStuId = item.courseStuId;
          }
          console.log(
            "获取学生列表",
            this.propList,
            this.studentList,
            item.ccCourseStuId,
            this.courseStuId
          );
          if (item.ccCourseStuId - 0 == this.courseStuId - 0) {
            this.stuIndex = index;
            console.log(this.stuIndex);
          }
        });
        return false;
      }
    },
    async gradesInfo() {
      this.loading = true;
      let params = {
        courseStuId: this.courseStuId,
        hide: this.examFlag ? 0 : 1,
      };
      let res = await gradesInfo(params);
      const { code, data } = res;
      if (code == 200) {
        this.loading = false;
        this.gradesDetial = data;
        this.distributionList = [{}];

        if (this.courseType == 3) {
          this.distributionList[0].usualScorePercentage =
            data.usualScorePercentage
              ? data.usualScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].homeworkScorePercentage =
            data.homeworkScorePercentage
              ? data.homeworkScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].processScorePercentage =
            data.processScorePercentage
              ? data.processScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].examScorePercentage =
            data.examScorePercentage ? data.examScorePercentage.toFixed(1) : 0;
        } else {
          this.distributionList[0].attendanceScorePercentage =
            data.attendanceScorePercentage
              ? data.attendanceScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].disciplineScorePercentage =
            data.disciplineScorePercentage
              ? data.disciplineScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].usualScorePercentage =
            data.usualScorePercentage
              ? data.usualScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].homeworkScorePercentage =
            data.homeworkScorePercentage
              ? data.homeworkScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].processScorePercentage =
            data.processScorePercentage
              ? data.processScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].otherScorePercentage =
            data.otherScorePercentage
              ? data.otherScorePercentage.toFixed(1)
              : 0;
          this.distributionList[0].examScorePercentage =
            data.examScorePercentage ? data.examScorePercentage.toFixed(1) : 0;
        }
        console.log("gradesDetial", data);
        console.log("gradesInfo()", this.distributionList);
      } else {
        this.loading = false;
      }
    },
  },
};
</script>

<style scoped lang="scss">
.all_topScore {
  padding: 14px 12px 0 12px;
  width: 288px;
  height: 86px;
  background-size: 288px 86px;
  background-image: url("../assets/images/scoreBg3.png");
  box-sizing: border-box;
  .all_topScore_title {
    height: 19px;
    line-height: 19px;
    div {
      font-family: PingFangSC, PingFang SC, sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      margin-right: 10px;
      width: 6px;
      height: 19px;
      background: #28b28b;
      border-radius: 1px;
    }
  }
  .all_topScore_score {
    width: 264px;
    margin-top: -3px;
    font-family: PingFangSC, PingFang SC, sans-serif;
    font-weight: 500;
    font-size: 32px;
    color: #28b28b;
    line-height: 45px;
    text-align: center;
    font-style: normal;
  }
}
.all_top {
  margin-bottom: 25px;
  box-sizing: border-box;
  padding: 14px 0 0 24px;
  width: 733px;
  height: 86px;
  background-size: 733px 86px;
  background-image: url("../assets/images/scoreBg2.png");
  .mt15 {
    margin-top: 15px;
  }
  .all_top_line {
    .all_top_item {
      margin-right: 20px;
      width: 334px;
      font-family: PingFangSC, PingFang SC, sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #788295;
      line-height: 22px;
      .all_top_item_span {
        margin-left: 5px;
        font-family: PingFangSC, PingFang SC, sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #333333;
        line-height: 22px;
        text-align: left;
        font-style: normal;
      }
    }
  }
}
.scoreBox_score {
  margin: -9px 13px 0 0;
  color: #11a983;
  font-size: 45px;
}
.exam_paper_png {
  width: 23px;
  height: 23px;
}
.evaluateCopywriting {
  margin-right: 10px;
  flex: 1;
  height: 310px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #ebebeb;
  padding: 32px;
  box-sizing: border-box;
  div {
    height: 288px;
    overflow: auto;
  }
}
.bottom_content {
  display: flex;
  align-items: center;
  margin-top: 16px;

  &_right {
    margin-right: 16px;
    width: 360px;
    height: 310px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #ebebeb;
    padding: 10px 5px 5px 5px;
    box-sizing: border-box;
    .turn_total {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      .el-icon-d-arrow-left,
      .el-icon-d-arrow-right {
        color: #28b28b;
        font-size: 16px;
        cursor: pointer;
        user-select: none;
      }
      .text {
        font-size: 16px;
        margin: 0 20px;
      }
    }
    .creditDetails {
      width: 100%;
      height: 300px;
    }
  }
}
.all_content {
  width: 100%;
  box-sizing: border-box;
  .student_sign {
    .student_name {
      width: 100%;
      color: #333333;
      font-weight: bold;
      font-size: 16px;
    }
    .student_info {
      display: flex;
      align-items: center;
      margin: 20px 0;
      .info_item {
        margin-right: 20px;
        color: #999999;
        font-size: 14px;
      }
    }
  }
  .scroll_box {
    height: calc(100vh - 360px);
    overflow: auto;
    width: 100%;
    .daily_score {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;

      .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
      }
    }
    .title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .daily_score_detail {
      border-top: 1px solid #dfe6ec;
      border-left: 1px solid #dfe6ec;
      background: #fafafa;
      width: 100%;
      display: flex;
      flex-direction: column;
      height: calc(100vh - 394px);
      overflow-y: auto;
      overflow-x: hidden;

      .flex_center {
        display: flex;
        align-items: center;
        .w60 {
          width: 80px;
        }
        .w120 {
          width: 160px;
        }
        .text {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-right: 0;
          border-bottom: 0;
        }
        .table_box_table {
          box-sizing: border-box;
          // border-bottom: 1px solid #dfe6ec;

          background: #fafafa;
          flex: 1;
          .text {
            height: 100%;
            background: #fafafa;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none;
          }
        }
        .table_box {
          flex: 1;
          margin-top: -1px;
          // height: 100%;
          .total_center {
            width: 100%;
            display: flex;
            justify-content: center;
            height: 43px;
            align-items: center;
            border: 1px solid #e6ebf5;
            border-top: 0;
            color: #606266;
            font-size: 14px;
          }
          .total_center:hover {
            background: #f5f7fa;
          }
        }
      }
    }
  }
}
.footer_btns {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 0 0;
}
.prohibited {
  cursor: not-allowed !important;
  opacity: 0.4;
}
.total {
  line-height: 44px;
  text-align: center;
  background: white;
  height: 44px;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.table_box_sum {
  position: relative;
  margin-bottom: 1px;
  border-bottom: 1px solid #ebeef5;
}
.table_box_sum_line {
  position: absolute;
  height: 1px;
  width: 80px;
  background: #ebeef5;
  top: 0;
  left: 0;
}
// .daily_score_detail_table{
//   border-top: 1px solid #dfe6ec;
// }
</style>
